<template>
  <div class="my-product">
    <h3>标题:{{title}}</h3>
  </div>
</template>

<script>
export default {
//数组:可以接收很多父组件传递过来的数据
//props:['传过来的属性名',...]
//子组件收到数据后,想怎么用就怎么用,和data 一样
// props:['title'],
//  propsd 效验 
// props:{
//   接收的数据:{
//     type:数据类型,
//     required:必选项,
//     default:默认值
//   }
// }

props:{
  title:{
    //一般情况下必选项和默认值是互斥的
    //必选项
    //required:true
    //默认值
    default:'这是默认的标题',
    //类型检测 首字母大写的类型
    // Number Boolean Array Object
    type:String
  }
}
};
</script>

<style >
.my-product {
  width: 400px;
  padding: 20px;
  border: 2px solid #000;
  border-radius: 5px;
  margin: 10px;
}
</style>





 